import {ProDescriptions} from '@ant-design/pro-components';
import React from "react";
import NotRealizeNotification from "@/pages/New/components/projectOverview/notRealizeNotification";

interface Props {
  title: string
}

const BasicCircumstances: React.FC<Props> = ({title}) => {
  return (
    <ProDescriptions
      title={title}
      dataSource={{
        id: title + '年报审计',
        date: '20231230',
        money: '61212100',
        state: 'all',
        state2: '上市公司年度财务报表审计',
      }}
      columns={[
        {
          title: '项目简称',
          key: 'projectName',
          dataIndex: 'id',
          ellipsis: true,
          copyable: true,
        },
        {
          title: '项目状态',
          key: 'state',
          dataIndex: 'state',
          valueType: 'select',
          valueEnum: {
            all: {text: '进行中', status: 'Default'},
            open: {
              text: '已完成',
              status: 'Completed',
            },
            closed: {
              text: '未开始',
              status: 'Success',
            },
          },
        },
        {
          title: '项目种类',
          key: 'rate',
          dataIndex: 'state2',
        },
        {
          title: '资产负债表日',
          key: 'date',
          dataIndex: 'date',
          valueType: 'date',
        },
        {
          title: '金额',
          key: 'money',
          dataIndex: 'money',
          valueType: 'money',
        },
      ]}
    >
      <ProDescriptions.Item label="操作">
        <NotRealizeNotification/>
      </ProDescriptions.Item>
    </ProDescriptions>
  );
};

export default BasicCircumstances;
